<%--
    Document   : agregarObjetoPerdido
    Created on : 16/11/2010, 04:23:47 PM
    Author     : rafael
--%>
<%@ include file='../Templates/security.jsp' %>
<script type="text/javascript">
    $(function(){
        $('#desde').datepicker({
            dateFormat: 'dd/mm/yy',
            maxDate: new Date(),
            showOn: "button",
            buttonImage: "style/images/calendar.gif",
            buttonText: "calendario"
        }).attr('readonly', true);
    });
    $(function(){
        $('#hasta')..datepicker({
            dateFormat: 'dd/mm/yy',
            maxDate: new Date(),
            showOn: "button",
            buttonImage: "style/images/calendar.gif",
            buttonText: "calendario"
        }).attr('readonly', true);
    });
</script>

<script type="text/javascript">
    var desde = "";
    var hasta = "";
    var tipoObjeto = "";

    // Estas no cambian
    var offset = 0;
    var tam = 0;
    var limit = 0;

    function comprobante(id){
        //alert("hola "+id);
        sendFormParam('generarComprobanteOPForm',"verPDF.do?idComp="+id,'center');
    }

    function modificar(id){
        //alert("hola "+id);
        sendFormParam('preModificarEOPForm',"preModificarEOP.do?idObjeto="+id,'center');
    }


    listarComprobante();
    listarComprobante();
    function listarComprobante(){
        // Lo que va entre corchetes que si limit es lo que se pasa
        // al action y se captura con el request
        tipoObjeto = document.getElementById("Tipo").value;
        desde = document.getElementById("desde").value;
        hasta = document.getElementById("hasta").value;

        $.getJSON("ConsultarEntregaOP.do",{limit: limit, offset: offset,
            tipoObjeto: tipoObjeto, fechaDesde: desde, fechaHasta: hasta},
        function(data) {
            if(limit != 0){
                $('#resultado').empty();
                var fila;
                //alert("hola"+tipoObjeto+desde+hasta);
                // Esto se hace para pintar el fondo de las filas pares e impares. (NO CAMBIA)
                $.each(data.VerNomina , function(i,item){
                    if ( (i % 2) == 0){
                        fila = "<tr bgcolor = \"#fff\"> ";
                    }
                    else{
                        fila = "<tr bgcolor = \"#ecf2f6\">";
                    }

                    var string = fila +
                        "<td>"+item.tipoObj+"</td>"+
                        "<td>"+item.nombreR+"</td>"+
                        "<td>"+item.apellidoR+"</td>"+
                        "<td>"+item.FechaEntrega+"</td>";

                    string +=
                        "<td id='td_detalle' title='Ver Comprobante' onclick='comprobante("
                        +item.id+");'/>";
                    string +=
                        "<td id='td_edit' title='Modificar Entrega Objeto Perdido' onclick='modificar("
                        +item.id+");'/>";
                    string +=
                        "</tr>";
                    fila++;
                    $('#resultado').append(string)
                });
            }
            else{
                // Se pinta la tabla en la página. (Cambia en todos los script)
                // Lo unico que cambia en todos los script es el llamado a la función.
                $.each(data.VerNomina , function(i,item){
                    tam = parseInt(item.tam);
                });
                limit = 10;
            }
        }
    );
        if(limit!=0){
            $("#currentpage").empty();
            $("#pagelimit").empty();
            $("#currentpage").append((offset/limit)+1);
            $("#pagelimit").append(Math.floor((tam-1)/limit)+1)
        }

        //document.getElementById("instr").value = "";
    }

    // Se fija el número de páginas totales de la consulta (NO CAMBIA)
    function setLimit(piso){
        offset = 0;
        limit = parseInt(piso);
        listarComprobante();
    }

    // Se fijan los alcances de las flechas primera, última, siguiente y anterior (NO CAMBIA)
    function setOffset(i, completo){
        if(completo && (i==-1)){
            offset = 0;
        }
        else if(completo && (i==1)){
            offset = Math.floor((tam-1)/limit)*limit;
        }
        else if(!completo && i==-1){
            if(offset>=limit){
                offset -= limit;
            }
        }
        else{ //!completo && i==1
            if(offset<tam-limit){
                offset += limit;
            }
        }
        listarComprobante();
    }
</script>
<script type="text/javascript">
    // Este script determina que la primera vez que se ve la tabla (sin resultados),
    // el numero de paginas y la pagina actual serán 1. (NO CAMBIA)
    if(limit == 0){
        $("#currentpage").append(1);
        $("#pagelimit").append(1)
    }
</script>

<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<h1 class="title">Gestión de Objetos Perdidos</h1>

<p class="meta"></p>
<center>
    <h2>Consultar Entrega de Objeto Perdido</h2>
    <html:form action="/ConsultarEntregaOP"

               styleId="consultarEntregaOPForm"
               onsubmit="return sendForm('consultarEntregaOPForm','ConsultarEntregaOP','center');" >
        <br>
        <table  align="center" border="0" width="600">

            <tr>
                <td>Tipo de objeto:</td>
                <td>
                    <select id="Tipo" name ="tipoObjeto" onchange="javascript: disable()">
                        <script type="text/javascript">
                            $.getJSON("listaTiposObjeto.do",
                            function(data) {
                                $.each(data.TiposObjeto, function(i,item){
                                    var string = "<option value='"+item.id_tipo_objeto+"'>"+item.id_tipo_objeto+"</option>";
                                    $('#Tipo').append(string)
                                });
                            });
                        </script>
                    </select>

                    <font color="red">*&nbsp;</font>
                    <html:errors property = "campo_tipo_requerido"/>
            </tr>


            <tr>
                <td width="100">Desde:</td>
                <td>
                    <html:text size="25" maxlength="15" property="fechaDesde" styleId="desde" onchange="javascript: return listarComprobante();"/>
                </td>

                <td>Hasta:</td>
                <td width="234">
                    <html:text size="25" maxlength="15" property="fechaHasta" styleId="hasta" onchange="javascript: return listarComprobante();"/>
                </td>
            </tr>
        </table>
        <CENTER><html:errors property = "consulta_ReporteVacia"/></CENTER>
        <br>
        <center>
            <input type="button" value = "Consultar" onclick="return listarComprobante()"/>
        </center>
    </html:form>


</center>
<div style="clear: both;">&nbsp;</div>

<center>


    <br>
    <table width="95%">
        <%-- AQUI COMIENZA LA IMPRESION DE LA TABLA DE RESULTADOS --%>
        <div id="consultarExt" style="overflow:auto">


            <table cellpadding="0" cellspacing="0" border="0" id="table" class="sortable"  >
                <thead>
                    <tr>
                        <th class="nosort"><h14>Tipo de Objeto</h14></th>
                <th><h14>Nombre Persona Recibe</h14></th>
                <th><h14>Apellido  Persona Recibe</h14></th>
                <th><h14>Fecha de Entrega</h14></th>
                <th><h14></h14></th>
                <th><h14></h14></th>
                </tr>

                </thead>
                <tbody id="resultado">
                </tbody>

            </table>

        </div>
        <div style="clear: both;">&nbsp;</div>


        <%-- Aquí se manejan las flechas, cantidad de paginas a mostrar y numero de pagina --%>
        <%-- esto no es necesario cambiarlo --%>
        <%@ include file='paginasTabla.jsp' %>

    </table>

    <br/>
</center>
<div style="clear: both;">&nbsp;</div>